<template>
  <div class="page">
    <p> userInfo :{{ userInfo }}</p>
    <br/>
    <p>userToken :{{ userToken }}</p>
  </div>
</template>

<script>
import {mapState, mapGetters} from 'vuex'

export default {
  name: 'User',
  data() {
    return {}
  },
  computed: {
    // 2. 在 computed 中，通过 mapState 函数，注册 state 中的数据，导入之后的数据可直接使用（就像使用 data 中的数据一样）
    // mapState(模块名, ['字段名','字段名','字段名'])
    // 第1种
    // ...mapState('user', ['userToken', 'userInfo']),
    // 第2种
    ...mapGetters('user', ['userToken', 'userInfo',]),


    //这里只是为了让页面显示当前url，无实际作用
    url() {
      return window.location.href
    },
  },
  created() {
    console.log("USER_INFO", LocalStorage.get(USER_INFO))
    console.log("USER_TOKEN", LocalStorage.get(USER_TOKEN))
  }
}
</script>
